<template>
    <div class="show_details">
        <showDetails></showDetails>
        <detailsContent></detailsContent>
        <location :title="loaction"></location>
        <showInfo></showInfo>
        <showInfoBottom></showInfoBottom>
        <foot></foot>
    </div>
</template>
<script>
import showDetails from '../components/show_details/detailHead.vue';
import detailsContent from '../components/show_details/details_content.vue';
import location from "@/components/show_details/location.vue";
import showInfo from "@/components/show_details/show_info.vue";
import showInfoBottom from "@/components/show_details/show_infoBottom.vue";
import foot from "@/components/footer/footer.vue";
export default {
    components:{
        showDetails,
        detailsContent,
        location,
        showInfo,
        showInfoBottom,
        foot
    },
    data() {
        return {
            loaction: "",
        }
    },
    created() {
    this.loaction = this.$route.query.title;
  }
}
</script>
<style lang="scss" scoped>
    .show_details{
        width: 100%;
    }
</style>